<section class="stories" style="border: 2px solid #666; padding: 15px; border-radius: 8px; max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif; line-height: 1.6;">
    <h2 style="color: #FF5733; text-align: center; font-size: 24px; margin-bottom: 20px;">我们的宿舍故事</h2>
    <div class="story">
        <h3 style="color: #33FF57; font-size: 20px; margin-bottom: 10px;">夜谈会的奇思妙想</h3>
        <p style="color: #3357FF; margin-bottom: 15px; text-indent: 2em;">那是一个月光如水的夜晚，宿舍里的灯已经熄灭，但大家却都翻来覆去睡不着。于是，有人提议：“要不，我们开个夜谈会吧！”这个提议瞬间点燃了大家的热情，于是，一场奇妙的夜谈会就此开始。</p>
        <p style="color: #FF33A1; margin-bottom: 15px; text-indent: 2em;">有人讲起了自己家乡的传说，神秘又引人入胜；有人分享了自己对未来生活的憧憬，充满希望又让人期待；还有人讲起了自己曾经的糗事，逗得大家哈哈大笑。夜谈会的氛围越来越热烈，大家你一言我一语，仿佛有说不完的话题。</p>
        <p style="color: #33FFF5; margin-bottom: 15px; text-indent: 2em;">就在大家聊得正欢的时候，突然传来一阵奇怪的声音，像是有人在走廊里走动。大家顿时安静下来，气氛也变得紧张起来。有人壮着胆子去查看，原来是隔壁宿舍的小伙伴不小心弄倒了椅子。虚惊一场后，大家又继续聊了起来，直到困意袭来，才依依不舍地结束夜谈会。那个夜晚，大家的友谊在欢声笑语中变得更加深厚。</p>
    </div>
    <div class="story">
        <h3 style="color: #F5FF33; font-size: 20px; margin-bottom: 10px;">一起追剧的欢乐时光</h3>
        <p style="color: #FF3333; margin-bottom: 15px; text-indent: 2em;">每到周末，宿舍里总会响起欢快的笑声，那是因为我们又开始一起追剧了。大家围坐在电脑前，一边吃着零食，一边全神贯注地看着屏幕。剧情紧张时，大家会一起屏住呼吸；剧情搞笑时，大家会一起爆笑；剧情感人时，大家又会一起感动落泪。</p>
        <p style="color: #33FF57; margin-bottom: 15px; text-indent: 2em;">有一次， 我们追的剧里有个特别搞笑的片段，大家笑得前仰后合，甚至有人笑得肚子疼。那一刻，整个宿舍都充满了欢乐的氛围。追剧不仅让我们放松了心情，也让我们在欢声笑语中更加团结。</p>
    </div>
    <!-- 保留原有的图片展示部分 -->
    <!-- <div class="gallery">
        <img src="activity1.jpg" alt="宿舍活动1">
        <img src="activity2.jpg" alt="宿舍活动2">
        <img src="activity3.jpg" alt="宿舍活动3">
         更多图片 -->
        
</section>